<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<title>Navigation</title>
<style type="text/css">
/* Include some of the Froxlor Theming */
html, body {
	margin: 0;
	height: 100%;
	font: 12px/18px 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial,
		Verdana, sans-serif;
	color: #444;
	text-align: center;
	background: none repeat scroll 0 0 rgba(240, 242, 244, 0.85);
	border-bottom: 1px solid #DDD;
	box-sizing: border-box;
	-webkit-font-smoothing: subpixel-antialiased;
}

select {
	padding: 6px 4px 7px 24px;
	color: #333;
	border: 1px solid #d9d9d9;
	margin: 5px 5px 5px 0;
	border-radius: 3px;
	background:
		url()
		no-repeat 9px;
	min-width: 170px;
	text-indent: 0.01px;
	text-overflow: '';
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
</style>
<script>
        function change_page() {
            top.mainFrame.location= document.periodForm.periodSelect.value + '/awstats.{SITE_DOMAIN}.html';
        }
    </script>
</head>

<body>
	<form action="#" id="periodForm" method="get" name="periodForm">
		<b>Select period</b> <select name="periodSelect"
			onchange="change_page()">
			<option value="current">Current</option> {SELECT_ENTRIES}
		</select>
	</form>
</body>
</html>
